<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>水果商城</title>
		<link href="css/bass.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />

		<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

		<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

		<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

		<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

	</head>

	<body>
		<!--头部-->
		<div>
			<header>
				<div class="header">
					<a href="#"><i class="icon icon-menu"></i></a>
					<h1>水果商城</h1>
					<i class="icon icon-soso"></i>
				</div>
			</header>
			<div style="height: 2.5rem;"></div>
		</div>
		<!--轮播图-->
		<div class="m-slider" id="slider">
			<div class="ks_dbox ks_ts">
				<div class="ks_wrap">
					<img src="images/banner/banner1.jpg">
				</div>
				<div class="ks_wrap">
					<img src="images/banner/banner2.jpg">
				</div>
				<div class="ks_wrap">
					<img src="images/banner/banner3.jpg">
				</div>
				<div class="ks_wrap">
					<img src="images/banner/banner4.jpg">
				</div>
			</div>
			<div class="ks-circles">
				<ul class="ks_wt"></ul>
			</div>
		</div>


		<!-- 精选商品 -->
		<article style="margin-bottom: 0;background: url(images/imgbg.jpg);">
			<h1>精选商品</h1>
		</article>
		<div class="commodity-box">
			<ul class="commodity">
				<li>
					<a href="#">
						<img src="images/imgbg/1.jpg">
						<span>葡萄</span>
						<span class="price">￥68.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/2.jpg">
						<span>香蕉</span>
						<span class="price">￥61.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/3.jpg">
						<span>芒果</span>
						<span class="price">￥71.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/4.jpg">
						<span>椰子</span>
						<span class="price">￥81.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/5.jpg">
						<span>橙子</span>
						<span class="price">￥51.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/6.jpg">
						<span>西红柿</span>
						<span class="price">￥41.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/7.jpg">
						<span>西瓜</span>
						<span class="price">￥61.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/8.jpg">
						<span>菠萝</span>
						<span class="price">￥91.00</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/imgbg/9.jpg">
						<span>青瓜</span>
						<span class="price">￥31.00</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- footer -->
		<footer>
			<a href="#" class="pick">
				<i class="icon icon-f1"></i> 首页
			</a>
			<a href="comment.html">
				<i class="icon icon-f2"></i> 评价
			</a>
			<a href="shopping.html">
				<i class="icon icon-f3"></i> 购物车
			</a>
			<a href="user.html">
				<i class="icon icon-f4"></i> 我
			</a>
		</footer>
		<!-- 引入js -->
	</body>

</html>